// pages/feedback/feedback.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs:[
      {
        id:0,
        value:"体验问题",
        isActive:true
      },
      {
        id:1,
        value:"商品、商家投诉",
        isActive:false
      }
    ],
    chooseImages:[],
    textVal:""
  },
  handleTabsItemChange(e){
    const index=e.detail
    let tabs=this.data.tabs
    tabs.forEach((v,i)=>{
      v.isActive=i===index
    })
    this.setData({
      tabs
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  UploadImgs:[],
  handleChoose(){
    wx.chooseImage({
      success: (res) => {
        this.setData({
          chooseImages:[...this.data.chooseImages,...res.tempFilePaths]
        })
      },
    })
  },

  handleRemoveImg(e){

    const {index}=e.currentTarget.dataset;

    let {chooseImages}=this.data;

    chooseImages.splice(index,1)
    this.setData({
      chooseImages
    })
  },

  handleTextInput(e){
    this.setData({
      textVal:e.detail.value,
    })
  },

  handleFormSubmit(){
    const {textVal,chooseImages}=this.data;
    if (!textVal.trim()) {
      wx.showToast({
        title: '输入不合法',
        icon:'none',
        mask:true,
        duration: 1000,
      });
      return;
    }
    if (chooseImages!==0) {
      chooseImages.forEach((v,i)=>{
        console.log(v);
        wx.uploadFile({
          filePath: v,
          name: "file",
          url: 'https://img.coolcr.cn/api/upload/',
          formData:{},
          success:(res)=>{
            console.log(res);
            let url=JSON.parse (res.data).url;
            this.UploadImgs.push(url);
            console.log(this.UploadImgs);

            if (i===chooseImages.length-1) {
              wx.hideLoading( );
              this.setData({
                textVal:"",
                chooseImages:[]
              })
              wx.navigateBack({
                delta:1
              })
            }
          }
        })
      });
    } else {
      wx.hideLoading();
      console.log("只是提交了文本");
      wx.navigateBack({
        delta:1
      })
    }
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})